import theme from "@/styles/theme";
import { StyleSheet } from "react-native";

export default StyleSheet.create({
  container: {
    flex: 1
  },
  progressContainer: {
    flex: 1
  },
  itemContainer: {
    height: "90%",
    width: "80%",
    marginLeft: "10%",
    padding: 20,
    borderRadius: 6,
    borderWidth: 1,
    borderColor: "#ccc",
    borderStyle: "solid",
  },
  item: {
    height: 40,
    flexDirection: "row",
    justifyContent: "center",
    alignItems: "center",
    marginBottom: 20
  },
  requiedText: {
    color: "#f56c6c"
  },
  pick: {
    width: "80%"
  },
  deptBtnContainer: {
    height: 30,
    flexDirection: "row",
    justifyContent: "space-between",
    alignItems: "center"
  },
  deptPick: {
    paddingLeft: 20,
    paddingRight: 20
  },
  deptModalContainer: {
    height: 200,
    borderColor: "#ccc",
    borderWidth: 1,
    borderStyle: "solid",
    borderRadius: 4,
    overflow: "hidden",
    justifyContent: "center"
  },
  deptModalText: {
    marginLeft: 10,
    fontSize: 18
  },
  deptModalValue: {
    lineHeight: 30,
    color: theme.primary,
    fontWeight: "bold"
  },
  deptSelectTip: {
    fontSize: 12,
    marginTop: 10,
    marginLeft: 4,
    color: "#f56c6c"
  },
  deptErrTip: {
    fontSize: 10,
    color: "#f56c6c",
    paddingLeft: 4
  },
  deptBtn: {
    fontSize: 14,
    color: "#767676"
  },
  btnContainer: {
    height: 100,
    flexDirection: "row",
    justifyContent: "flex-end",
    // backgroundColor: 'red',
    gap: 20
  },
  green: {
    color: "green"
  },
  tipContainer: {
    position: "absolute",
    bottom: 10,
    left: 10,
  },
  tipItem: {}
});
